 body {
     font-family: Helvetica, sans-serif;
     /*perspective: 800px;*/
     background-color: #000000;
     /*position: relative;*/
 }

 #container {
     transform-style: preserve-3d;
     position: absolute;
 }

 #box {
     transform-style: preserve-3d;
     transform-origin: center;
 }

 .element {
     width: 120px;
     height: 160px;
     text-align: center;
     cursor: default;
     position: absolute;
     transform-origin: 0 0;
 }

 .element .number {
     position: absolute;
     top: 20px;
     right: 20px;
     font-size: 12px;
     color: rgba(127, 255, 255, 0.75);
 }

 .element .symbol {
     position: absolute;
     top: 40px;
     left: 0px;
     right: 0px;
     font-size: 60px;
     font-weight: bold;
     color: rgba(255, 255, 255, 0.75);
     text-shadow: 0 0 10px rgba(0, 255, 255, 0.95);
 }

 .element .details {
     position: absolute;
     bottom: 15px;
     left: 0px;
     right: 0px;
     font-size: 12px;
     color: rgba(127, 255, 255, 0.75);
 }

 #menu {
     position: absolute;
     bottom: 20px;
 }

 button {
     color: rgba(127, 255, 255, 0.75);
     background: transparent;
     outline: 1px solid rgba(127, 255, 255, 0.75);
     border: 0px;
     padding: 5px 10px;
     cursor: pointer;
 }

 button:hover {
     background-color: rgba(0, 255, 255, 0.5);
 }

 button:active {
     color: #000000;
     background-color: rgba(0, 255, 255, 0.75);
 }